<template>
  <div class="hr">
    hr组件<i class="el-icon-d-arrow-right"></i>
  </div>
</template>
<script>
export default {
  props: {
    data: {
      type: Object
    }
  },
  data() {
    return {

    }
  },
  computed: {},
  methods: {},
  mounted() {
    console.log(this.data)
  }
}

</script>
<style lang="less">
.hr {
  width: 100%;
  border: 1px dashed #000;
  box-sizing: border-box;
  border-radius: 6px;
  height: 26px;
  line-height: 26px;
  text-indent: 10px;
  i{
    // margin-left: 6px;
    position: relative;
    top:-1px;
    font-size: 14px;
    color:#249ffb;
  }
}

</style>
